<template>
  <div class="balance-box">
    <div id="tixian" @click="showtixian">提现</div>
    <div class="balance-top">
      <div class="balance-top-box" :style="headstyle">
        <p class="title">当前帐户余额（元）</p>
        <p class="money">
          <span>¥</span>{{this.MyData}}
        </p>
      </div>
    </div>
    <mu-row gutter class="list-box List">
      <mu-col span="12">
        <mu-paper>
          <mu-list>
            <mu-list-item to="/admin/drawcash">
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-tixian"></span>
                  提现记录
                   <span size="25" class="fright iconfont icon-narrow"></span>

                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <!-- <mu-list-item to="">
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-yinhangqia"></span>
                  我的银行卡
                   <span size="25" class="fright iconfont icon-narrow"></span>

                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider> -->
            <mu-list-item to="">
              <mu-list-item-content>
                <mu-list-item-title  @click="bdwx">
                  <span class="iconfont icon-weixin"></span>
                  绑定提现微信
                   <span size="25" class="fright iconfont icon-narrow"></span>

                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <!-- <mu-list-item to="">
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-me1"></span>
                  真实姓名
                   <span size="25" class="fright iconfont icon-narrow"></span>

                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider> -->
          </mu-list>
        </mu-paper>
      </mu-col>
    </mu-row>
    <tixian ref="tixian"></tixian>
  </div>
</template>

<script>
import tixian from "@/components/global/tixian";
import { Toast } from "vant";
export default {
  data() {
    return {
       MyData:'0',
      headstyle:{
         background:
          "url(" + require("@/assets/image/headimg.png") + ")",
        backgroundRepeat: "no-repeat",
        backgroundSize: "cover"
      }
    };
  },
  components: {
    tixian: tixian
  },
    mounted(){
    this.$api.getMyData().then(res=>{
      this.MyData = res.data.data.amount
    })
  },
  methods: {
    showtixian() {
      this.$refs.tixian.Showtixiandiv();
    },
    bdwx(){

      this.$confirm("是否绑定此微信为提现微信?", "", {}).then(({ result }) => {
        if (result) {
            this.$router.push("/admin/bind_wechat");
        } else {
          Toast("取消绑定");
        }
      });
    }
  }
};
</script>

<style>
</style>
